<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>列表页</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <!--<link href="__PUBLIC__/basic/css/demo.css" rel="stylesheet" type="text/css"/>-->
    <!--必要样式-->
    <style>
       *{
           margin: 0;
           padding: 0;
           border: 0;
       }
       .am-progress{
           margin-bottom: 0;
       }
        .list-img{
            border-radius: 10px;
            border: 1px solid #999;
            margin: 5px 0px;
        }
        .info .title,.money{
            display: block;
            font-size:13px;
            color: #444;
            line-height: 20px;
        }
        .list{
            padding: 10px;
        }
        .day{
            font-size:13px;
            color: #444;
        }
        .noday{
            display: inline-block;float: right;
            font-size:13px;
            color: #444;
        }
    </style>
</head>

<body>
    <div class="am-g list">
        <div  class="am-u-sm-3 am-text-center" >
            <img src="__PUBLIC__/images/blog08.jpg" alt="" width="60" height="60" class="list-img">

        </div>
        <div class="am-u-sm-9 am-padding-0 info">
            <span class="title">我是标题标题标题</span>
            <span  class="money">金额：￥454654</span>
            <span class="day">已完成天数</span><span  class="noday" >未完成天数</span>
            <div class="am-progress am-progress-striped am-progress-xs  am-active ">
                <div class="am-progress-bar am-progress-bar-secondary"  style="width: 60%"></div>
                <!--<div class="am-progress-bar am-progress-bar-warning"  style="width: 40%"></div>-->
            </div>
        </div>
    </div>
</body>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
<script>

</script>
</html>